<!--
 * @Description: 控制台
 * @Author: wangqi
 * @Date: 2022-03-10 17:50:49
 * @LastEditTime: 2022-05-30 16:10:12
-->
<template>
  <div class="dashboard">
    <headerContent />
    <div class="dashboard-context lg:flex">
      <div class="lg:w-7/10 w-full mr-4">
        <ProjectCard />
        <DynamicInfo />
      </div>

      <div class="lg:w-3/10 w-full bg-gray-500">yyyy</div>
    </div>
  </div>
</template>

<script lang="ts" setup>
  // import { useRouter } from 'vue-router';
  import headerContent from './components/headerContent.vue';
  import ProjectCard from './components/ProjectCard.vue';
  import DynamicInfo from './components/DynamicInfo.vue';

  defineOptions({
    name: 'Dashboard',
  });
</script>

<style lang="less" scoped>
  .dashboard {
    height: 100%;
    width: 100%;
    .dashboard-context {
      height: calc(100% - 105px);
      padding: 1rem;
    }
  }
</style>
